<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<!-- 		响应式布局代码 -->
		<meta name="viewport" content="width=device-width,initial-scale=1,shrink-to-fit=no" />
		
		<!-- jQuery -->
		<script src="js/jquery-3.6.0.min.js" type="text/javascript" charset="utf-8"></script>
		<!-- popper -->
		<script src="js/popper.min.js" type="text/javascript" charset="utf-8"></script>
		<!-- 加载bootstrap css样式 -->
		<link rel="stylesheet" href="css/bootstrap.min.css" />
		<!-- 加载bootstrap js脚本 -->
		<script src="js/bootstrap.min.js" type="text/javascript" charset="utf-8"></script>
		
	</head>
	<body>
		
		<div class="dropdown">
			
			<button type="button" class="btn btn-primary dropdown-toggle" data-toggle="dropdown">晚饭吃什么?</button>
			
			<div class="dropdown-menu">
				<div class="dropdown-header">套餐</div>
				<a href="" class="dropdown-item">鸡腿套餐</a>
				<a href="" class="dropdown-item">大排套餐</a>
				<a href="" class="dropdown-item">烤鱼套餐</a>
				<div class="dropdown-divider" ></div>
				<div class="dropdown-header">菜品</div>
				<a href="" class="dropdown-item">鸡腿</a>
				<a href="" class="dropdown-item">大排</a>
				<a href="" class="dropdown-item">烤鱼</a>
			</div>
			
			
			
		</div>
	</body>
</html>
